@import './mixin.scss';
// 主页
#latest_block,#all_company {
    .top {
        input {
            width:700px!important;
            height:50px;
            background:rgba(26,35,62,1);
            border-radius:5px;
            color: #FFF;
            border: 1px solid #1A233E;
            box-shadow:1px 1px 2px #212C4F inset;
            &::-webkit-input-placeholder {
                color: #286090;
                font-size: 16px;
            }
        }
        .el-button {
            width:150px;
            height:50px;
            background:rgba(40,96,144,1)!important;
            border-radius:5px;
            border:1px solid rgba(40,96,144,1)!important;
            border-radius: 5px; 
        }
        .el-input-group__append {
            background-color: #1D2849!important;
            border-color: #1D2849;
        }
        button {
            & > span {
                display: block;
                img {
                    vertical-align: middle;
                    margin-right: 6px;
                }
                span {
                    line-height: 24px;
                    vertical-align: middle;
                    font-size: 18px;
                    color: #FFF;
                }
            }
        }
        
    }
}

#latest_block,#all_company, #Transaction,#trading_info,.account_table_f,.account_table_s,.account_table_t,.join_community,.first_one_hundred {
    table {
       border: 3px;
       border-collapse:separate!important; 
       border-spacing:0px 10px!important; 
       tr {
           
           color: #FFF;
           border-radius: 50%;
           border: 1px solid #1D2748!important;
           th {
               font-size: 16px;
           }
           td {
               font-size: 14px;
               a {
                   text-decoration: none;
                   color: #FFF;
               }
           }
       }
    }
    .el-table td {
        border:none;
    }
    .el-table::before {
        background-color: #212C4F;
        z-index: 0;
    }
    .el-table th {
        background-color: #1A233E;
        
    }
    .el-table td, .el-table th.is-leaf {
        border: none;
    }
    .cell {
        padding: 0 24px;
        text-align: left;
    }
}


// 交易页 和 单个企业交易行情
#Transaction,#trading_info {
    .search_box {
        input {
            width:700px!important;
            height:50px;
            background:rgba(26,35,62,1);
            border-radius:5px;
            color: #FFF;
            border: 1px solid #1A233E;
            box-shadow:1px 1px 2px #212C4F inset;
            &::-webkit-input-placeholder {
                color: #286090;
                font-size: 16px;
            }
        }
        .el-button {
            width:150px;
            height:50px;
            background:rgba(40,96,144,1)!important;
            border-radius:5px;
            border:1px solid rgba(40,96,144,1)!important;
            border-radius: 5px; 
        }
        .el-input-group__append {
            background-color: #1D2849!important;
            border-color: #1D2849;
        }
        button {
            & > span {
                display: block;
                img {
                    vertical-align: middle;
                    margin-right: 6px;
                }
                span {
                    line-height: 24px;
                    vertical-align: middle;
                    font-size: 18px;
                    color: #FFF;
                }
            }
        }
        
    }
    .tran_table {
        span {
            color: #FFF!important;
            line-height: 56px;
            cursor: pointer;
        }
        .el-pager li,button {
            background-color: #212C4F;
            color: #FFF;
            &.active {
                color: #CCA33C;
            }
        }
        .el-pagination {
            text-align: center;
        }
    }
}
// 账户页
#Account {
    .container {
        & > p {
            position: relative;
            div {
                position: absolute;
                left: 0;
                top: 90px;
                span {
                    color: #FFF;
                }
            }
        }
        & > ul {
            li {
                width: 592px;
                height: 50px;
                .el-input__inner {
                    background-color: #212c4f;
                    border: 1px solid #4E75D5;
                    color: #FFF;
                }
                .el-input-group__prepend,.el-input-group__append {
                    width: 79px;
                    background-color: #4E75D5;
                    color: #FFF;
                    border-color:#4E75D5;
                }
                .el-input-group__append {
                    width: 10px!important;
                }
            }
        }
    }
}

// 公司资料页
#company_info {
    .el-table__header-wrapper { // table头部
        background-color: #1A233E!important;
    }
}
::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 10px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px; 
    background-color: #344E8F;
    
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 0;
    background-color: #212c4f;
    border-radius: 5px;
    border: 1px solid #344E8F;
}
// !--公司概要 => 财务指标组件
#company_outline {
    .el-table::before {
        content: none;
    }
    .el-table--border::after, .el-table--group::after {
        width: 0;
    }
    .cell {
        word-break: keep-all;
        overflow: initial!important;
        text-overflow: inherit!important;
        color: #fff;
        display: flex;
    }
    
    table {
        tr {
            text-align: center;
            td {
                border-color: #344E8F; 
                color: #5580E9;               
                word-break: keep-all;
                overflow: initial!important;
                text-overflow: inherit!important;
                .cell {
                    word-break: normal;
                }
                &:first-child {
                    color: #FFF;
                }
                &:nth-last-child(1) {
                    border-right: none;
                }
            }
            th {
                color: #FFF;
                border-color: #344E8F; 
                padding: 4px 0!important; 
                background-color:#1A233E;

                overflow: initial!important;
                text-overflow: inherit!important; 
                &:nth-last-child(2) {
                    border-right: none;
                }
            }
        }
        
        .is-leaf {
            border-color:#344E8F;
        }
    }

}
// 财务概况页
#finance_outline {
    .c_top .el-button {
        width: 180px;
        height: 50px;
        border:1px solid #4E75D5 ;
        border-radius: 0;
        background-color: #4E75D5;
        vertical-align: middle;
    }
    .c_bot {
        .el-table::before {
        content: none;
        }
    }
    .el-table--border::after, .el-table--group::after {
        width: 0;
    }
    .el-table__fixed-right::before, .el-table__fixed::before {
        height: 0;
    }
    .el-table__body tr.hover-row>td { // 表格行滑过改变
        background-color:#0F1424!important;
    }
    .el-table__body-wrapper {
        /*滚动条样式*/
        &::-webkit-scrollbar {/*滚动条整体样式*/
            width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 10px;
        }
        &::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px; 
            background-color: #344E8F;
            
        }
        &::-webkit-scrollbar-track {/*滚动条里面轨道*/
            border-radius: 0;
            background-color: #212c4f;
            border-radius: 5px;
            border: 1px solid #344E8F;
        }
    }
    table {
        /*滚动条样式*/
        tr {
            &.hover_row {
                background: none;
                background-color: none;
                td {
                    background: none;
                    background-color: none;
                }
            }
            td {
                padding: 4px 0;
                border-color: #344E8F; 
                color: #5580E9;
                &:first-child {
                    color: #FFF!important;
                    text-align: left;
                }
                &:nth-child(2n+1){
                    color: #3CCC72;
                }
                &:nth-last-child(1) {
                    border-right: none;
                }
            }
            th {
                padding: 4px 0;
                color: #FFF;
                border-color: #344E8F; 
                background-color: #1A233E;
                text-align: center;
                .cell {
                    min-height: 40px;
                    word-break: keep-all;
                    line-height: 40px;
                }
                &:first-child {
                    color: #FFF;
                    text-align: left;
                }
                &:nth-last-child(2) {
                    border-right: none;
                }
                
            }
        }
        .is-leaf {
            border-color:#344E8F;
        }
    }
}
// 所有企业
#all_company {
    table {
        tr {
            td {
                &:nth-child(2),&:nth-child(3){
                    a {
                        &:hover {
                            color: #5580E9;
                        }
                    }
                }
            }
        }
    }
}

// 企业账号申请
#enterprise_application {
    label {
        display: block!important;
        width: 420px;
        padding: 0;
    }
    .el-form {
        input {
            box-shadow:0px 0px 6px #13192d inset; 
            background-color: #1A233E;
            border: none;
            font-size: 14px;
            color:#FFF; 
            &::-webkit-input-placeholder {
                /* placeholder颜色  */
                color: #81879D;
                /* placeholder字体大小  */
                font-size: 12px;
                
            }
        }
        .el-radio__label {
            color: #FFF;
        }
        & > .el-form-item {
            float: left;
            width: 420px;
            box-sizing: border-box;
            text-align: left;
            
            &.principa_phone {
                margin-right: 0!important;
                margin-top: 100px;
            }
            &.principa_name {
                margin: 0;
                margin-top: 100px;
                margin-right: 48px;
            }
            &.email {
               position: relative;
               margin-right: 0!important;
               color: #81879D; 
               .el-input { 
                   
                   &:first-child { 
                       width: 240px!important;
                       margin-right: 6px;
                   }           
                } 
            }
            &.id_card {
                margin-right: 48px;
            }
            &:nth-child(2n+1){
                margin-right: 48px;
            }
            &:nth-child(2){
                .el-form-item {
                    float: left;
                    width: 126px;
                    &:nth-child(1),&:nth-child(2){
                        margin-right: 20px;
                    }
                    .el-form-item__label,.el-form-item__content {
                        width: 126px;
                        
                    }
                }
            }
            &:nth-child(7){
                padding-bottom: 30px;
                color: #FFF;
                .not_write {
                    margin-left: 10px;
                    color: #81879D;
                }
            }
            &:last-child {
                width: 888px!important;
                text-align: center;
                .el-form-item__content {
                    width: 100%;
                    button {
                        width:400px;
                        height:42px;
                        border-radius:5px;
                        border: none;
                        @include basestyle(#FFF,16px,#286090);
                        &:hover {
                            background-color: #245783;
                        }
                    }
                }
                
            }
            .el-form-item__label {
                display: block;
                height: 30px;
                line-height: 30px;
                float: none;
                text-align: left;
                color:#FFF; 
                &:before {
                    content: none;
                }
            }
            .el-form-item__content {
                display: block;
                float: none;
                width: 420px;
                margin: 0!important;
                .el-select {
                    width: 100%;
                }
                .el-radio {
                    display: inline!important;
                    max-width: 220px;
                    margin-right: 10px;
                }
                .el-radio+.el-radio {
                    margin: 0;
                }
            }
            
        }
    }
    
}

// 表格滑过高亮
.cell {
    overflow-wrap: break-word;
    padding: 2px 20px!important;
}

// 全局分页
.el-table__body tr.current-row > td {
    background-color: #1D2748!important;
}
.el-pagination {
    color: #FFF;
    text-align: center!important;
}
.el-pager li {
    background: none!important;
}
.el-pagination button:disabled {
    background-color: none!important;
}
.el-pagination .btn-next, .el-pagination .btn-prev {
    color: #FFF;
    background: none!important;
}
.el-table--enable-row-hover .el-table__body tr:hover>td{ // 全局滑过
    background-color: #1A233E;
}